<%@ taglib prefix="c" uri="/WEB-INF/tlds/hdiv-c.tld"%>
<%@ taglib prefix="form" uri="/WEB-INF/tlds/hdiv-spring-form-3_0_4.tld"%>
<%@ taglib uri="/WEB-INF/tlds/hdiv-spring.tld" prefix="spring"%>
<%@ taglib prefix="sec" uri="http://www.springframework.org/security/tags"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<c:url value="mostrarHWF2010.html" var="confirmarprediccion"/>
<script type=text/javascript src="javascript/prediccionatm.js"></script>
<script>
  $(document).ready(function(){
    $.unblockUI();
    setHerramientas();
    $("#mostrar").click(function(){
      $.blockUI({ message: '<img src="imagenes/logoProcesandoRight.gif" />', css:{ backgroundColor: '#FFFFFF', color: '#fff'} });
      $("#accion").attr("value","mostrar");
      document.forms[0].target = "_self";
      $("form").submit();
    });
    $("#errorContainer").hide();
    $("#noErrorContainer").hide();
    
    $("#confirmar").click(function(){
          if(editingAfterSave){
              alert("Tiene un pedido en edicion, por favor guardelo para continuar");
              return false;
          }
          //Validacion para que se elija al menos un pedido
          var pediSeleccionado=false;
          $(".toConfirm").each(function(){
             if ($(this).attr('checked')){
               pediSeleccionado=true;             
             }
          });
          if (!pediSeleccionado){
              alert("Debe elegir al menos un pedido antes de confirmar");
              return false;
          }
          $.blockUI({ message: '<img src="imagenes/logoProcesandoRight.gif" />', css:{ backgroundColor: '#FFFFFF', color: '#fff'} });          
          var isClavePedidoOk = jsonrpc.jsonService.isValidPass($("#codigoDiario").attr("value"));
          $(".toConfirm:checked").each(function(){
            var idPedido = $(this).parents("tr:first").attr("idpedido");
            objPedidoConf[idPedido] = new Array();
            objPedidoConf[idPedido] = deepCopy(objPedidoTemp[idPedido]);            
          });
          if(isClavePedidoOk){   
              pedidoContainer = {
                "pedidos":{
                  "javaClass":"java.util.List",
                  "list":deepCopy(objPedidoConf)
                }
              };                
              var pedidosResponse = jsonrpc.jsonService.confPedidoAtmTemp(pedidoContainer);                
              if(pedidosResponse.SResult==1){
                  showErrorMessages(pedidosResponse);
                  $.unblockUI();
                  }
              else if (pedidosResponse.SResult==3){
                alert("El servicio se encuentra temporalmente no disponible");
                $.unblockUI();
              }
              else{
                  //$("#noErrorContainer p").html("El(los) pedido(s) fue(ron) confirmados correctamente");
                  //$("#noErrorContainer").show();
                  //$("#noErrorContainer").fadeOut(20000);
                  $(".afterOneSaved").hide();
                  alert("El(los) pedido(s) fue(ron) confirmado(s) correctamente");
                  $("#accion").attr("value","mostrar");
                  document.forms[0].target = "_self";
                  $("form").submit();
              }
          }
          else{
              $.unblockUI();
              alert("clave de pedido invalida");
              $("#codigoDiario").attr("value","");
              $("#codigoDiario").focus();
              }
      });
      
      $("#confirmAll").click(function(){
        $(".toConfirm").each(function(){
          $(this).attr('checked', $("#confirmAll").attr('checked'));
        });
      });
      
  });  
  
   function reporteSustentoAtm(){
      openWindow("verPDF");
  }
  
  function openWindow(accion){
    winwidth='450';
    winheight='920';
    window.open('about:blank', 'window1', 'location=0,directories=0,status=0,scrollbars=1,resizable=1,width='+winwidth+',height='+winheight);    
    var target = 'window1';
    document.forms[0].accion.value = accion;
    document.forms[0].target = target;
    document.forms[0].submit();
  }
  
</script>
<style type="text/css">
button{
      width:auto;
      overflow: visible;
    }
    .ui-button { margin-left: -1px;}
    .ui-button-icon-only .ui-button-text { padding: 0; } 
    .ui-autocomplete-input { margin: 0; padding: 0; width: 180;}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 1px; position: relative; padding: 1px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 1px;}
.scrollable{
    overflow: auto;
    width: 720px;
    height:380px;
}
#loading-image {
	background-color: #333;
	width: 55px;
	height: 55px;
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 1;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px; /* future proofing */
	-khtml-border-radius: 10px;
}
.its7 thead tr th {
    padding: 0px;
    }
.its7 tbody tr td {
    padding: 0px;
    }    
</style>

<style type="text/css">  
<!-- 
#pub_loading {display:none;}  
-->  
</style>
<form:form modelAttribute="form" action="${confirmarprediccion}">
<form:hidden path="accion"/>
<form:hidden path="control"/>
<form:hidden path="cliente"/>
<!--Favoritos:-->
<input type="hidden" id="codOpci" value="${codOpci}"/>
<input type="hidden" id="desOpci" value="${desOpci}"/>

      <table id="fullheighttable" width="775" cellspacing="0" cellpadding="0" 
             border="0" align="center">
            <tr>
                <td align="left" valign="top" class="fondo_contenido padtop16left21">
                    <table border="0">
                        
                        <tr>
                            <td>
                                <table border="0" cellspacing="0" cellpadding="0" class="verdana11bazul">
                                    <tr>
                                        <td height="22" align="left" valign="top" class="verdana11bazul"
                                            width="288">
                                            <ul class="navlist2">
                                                <li>
                                                    <spring:message code="HMF2010.titulo"/>
                                                </li>
                                            </ul>
                                        </td>
                                        <td width="510" ></td>
                                        <td align="left" valign="top"
                                            width="27"><div><a href="#" id="opener_agregarFavoritos"><img src="images/agregar_favoritos.png" width="25" height="23" border="0" title='Agregar Favoritos'/> </a></div></td>
                                    </tr>
                                    
                                </table>
                                    </td>
                        </tr>
                        <tr>
                            <td valign="top">
                                <table border="0">
                                    <tr>
                                        <td valign="top">
                                            <table  style="padding: 10 0 0 40;" border="0" cellpadding="0" cellspacing="0" class="verdana10bazul" width="775">
                                                <tr>
                                                    <td style="width:100;padding: 10 0 0 40;" height="25" align="left" valign="top" class="verdana10bazul">Cliente</td>
                                                    <td style="padding: 10 0 0 0;" height="25" align="left" valign="top" class="verdana10negro">
                                                        <c:out value="${sessionScope.nombreCliente}"/>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width:100;padding: 10 0 0 40;" height="25" align="left" valign="top" class="verdana10bazul">Sucursal</td>
                                                    <td style="padding: 10 0 0 0;" height="25" align="left" valign="top" class="verdana10negro">
                                                        <form:select path="codSucuHtb">
                                                          <form:option value="0">Todos</form:option>
                                                          <form:options items="${listaSucursales}" itemLabel="desSucursal" itemValue="codSucursal"/>
                                                        </form:select>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td style="width:100;padding: 10 0 0 40;" height="25" align="left" valign="top" class="verdana10bazul">Fecha de Pedido</td>
                                                    <td style="padding: 10 0 0 0;" height="25" align="left" valign="top" class="verdana10negro">
                                                        ${fecSoliPediAnt} -  ${fecSoliPedi} 
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td colspan="2"><input type="button" id="mostrar" class="boton" value="Mostrar"/></td>
                                                </tr>
                                                <tr>
                                                  <td colspan="2">
                                                      <div id="errorWS" style='color:red;'>
                                                          ${errorWS}
                                                      </div>
                                                  </td>
                                                </tr>
                                                <tr>
                                                  <td colspan="2">
                                                      <div id="errorContainer" style='color:red;'>
                                                          <p>Lo sentimos:</p>
                                                          <div id="errorGrabarDiv"></div>
                                                      </div>
                                                  </td>
                                              </tr>
                                              <tr>
                                                  <td colspan="2">
                                                      <div id="noErrorContainer" class="verdana11bazul">
                                                          <p></p>
                                                      </div>
                                                  </td>
                                              </tr>
                                              <tr>
                                                  <td colspan="2">
                                                      <div id="errorGrabarUnoDiv"></div>
                                                  </td>
                                                </tr>  
                                            </table>
                                        </td>
                                    </tr>                                    
                                    <tr>
                                        <td>
                                            <table>                                                
                                                <tr>
                                                    <td>
                                                    <c:if test="${not empty listPediPrediccion}">
                                                        <table align="center" border="4" cellpadding="0" cellspacing="0" class="its7" id="prediccionTable" style="padding:0px;margin: 0;overflow:hidden;width:1024">
                                                            <thead>
                                                            <tr>
                                                                <th rowspan="2" align="center">Item</th>
                                                                <th rowspan="2" align="center">Descripci&oacute;n cajero</th>
                                                                <th rowspan="2" align="center">Sucursal Hermes</th>
                                                                <th rowspan="2" align="center">Fecha Contable</th>
                                                                <th rowspan="2" align="center">Fecha de Atenci&oacute;n</th>
                                                                <th rowspan="2" align="center">Prioridad</th>
                                                                <c:forEach items="${listDenos}" var="deno" varStatus="status">
                                                                  <th colspan="3" align="center">Dispensador ${status.count}</th>
                                                                </c:forEach>
                                                                <c:forEach items="${listUnidMone}" var="unidMone">
                                                                  <th rowspan="2" align="center">Monto ${unidMone.desTipo}</th>
                                                                </c:forEach>
                                                                <th rowspan="2" align="center">Conf.<input id="confirmAll" type="checkbox" value="0"></input></th>
                                                                <th rowspan="2" align="center">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
                                                            </tr>
                                                            <tr>
                                                                <c:forEach items="${listDenos}" var="deno" varStatus="status">
                                                                    <th align="center">U.M.</th>
                                                                    <th align="center">Deno</th>
                                                                    <th align="center">Monto</th>
                                                                </c:forEach>
                                                            </tr>
                                                            </thead>
                                                            <tbody>                                                              
                                                              <c:forEach items="${listPediPrediccion}" var="pedido" varStatus="statusPedido">    
                                                                <script>
                                                                  var count = "${statusPedido.count}"-1;
                                                                  crearObjPedidoTemp(count);
                                                                  objPedidoTemp[count].codSeriPedi = "${pedido.codSeriPedi}";
                                                                  objPedidoTemp[count].tipDocuPedi = "${pedido.tipDocuPedi}";
                                                                  objPedidoTemp[count].numPedi = "${pedido.numPedi}";
                                                                  objPedidoTemp[count].fecAtenPedi = "${pedido.fecAtenPedi}";
                                                                  objPedidoTemp[count].horAtenInicPact = "${pedido.horAtenInicPact}";
                                                                  objPedidoTemp[count].horFinlInicPact = "${pedido.horFinlInicPact}";
                                                                  objPedidoTemp[count].indPrio.codTipo = "${pedido.indPrio.codTipo}";
                                                                  objPedidoTemp[count].indPrio.desTipo = "${pedido.indPrio.desTipo}";
                                                                </script>
                                                                <tr class="pedidoPrediccion" idPedido="${statusPedido.count -1 }" codSeriPedi="${pedido.codSeriPedi}" tipDocuPedi="${pedido.tipDocuPedi}" numPedi="${pedido.numPedi}" codPunt="${pedido.punt.codPunt}" codSucuHtb="${pedido.sucuHtb.codSucuHtb}" indPrio = "${pedido.indPrio.codTipo}">
                                                                  <td align="center" style="width:20">${statusPedido.count}</td>
                                                                  <td style="width:120">${pedido.punt.desPunt}</td>
                                                                  <td style="width:50">${pedido.sucuHtb.desSucuHtb}</td>
                                                                  <td style="width:50">${pedido.fecProcAper}</td>
                                                                  <td style="width:50">${pedido.fecAtenPedi}</td>
                                                                  <td style="width:50">${pedido.indPrio.desTipo}</td>
                                                                    <c:forEach items="${pedido.denosDetaPedido}" var="pedidoDeno" varStatus="status">                                                                      
                                                                      <c:set var="montDeno" value="0"/>
                                                                          <c:set var="montDeno" value="${pedidoDeno.montDeno}"/>
                                                                          <c:set var="numDisp" value="${pedidoDeno.dispensador.numDisp}"/>  
                                                                      
                                                                    <td style="width:80">${pedidoDeno.deno.unidMone.desTipo}</td>
                                                                    <td align="center" style="width:40"><fmt:formatNumber value="${pedidoDeno.deno.canValoNomi}" pattern="###,###,###,##0.00"/></td>
                                                                    <td class="montDeno" tipUnidMone="${pedidoDeno.deno.unidMone.codTipo}" tipMone="${pedidoDeno.deno.tipMone.codTipo}" codDeno="${pedidoDeno.deno.codDeno}" idDeno="${status.count-1}" canValoNomi="${pedidoDeno.deno.canValoNomi}" numDisp="${numDisp}" style="width:80"><fmt:formatNumber value="${montDeno}" pattern="###,###,###,##0.00"/></td>
                                                                    <script>
                                                                        var countDenoDeta = "${status.count}"-1;
                                                                        objPedidoTemp[count].denosDetaPedido.list[countDenoDeta] = {
                                                                          "javaClass":"pe.com.hermes.unidadesnegocio.procesamiento.entities.PedidoDenoEntity",
                                                                          "unidMone":{
                                                                                    "codTipo":"${pedidoDeno.deno.unidMone.codTipo}",
                                                                                    "desTipo":"${pedidoDeno.deno.unidMone.desTipo}"
                                                                                    },
                                                                          "tipMone": {
                                                                                    "codTipo":"${pedidoDeno.deno.tipMone.codTipo}",
                                                                                    "desTipo":"${pedidoDeno.deno.tipMone.desTipo}"
                                                                                  },
                                                                          "dispensador":{
                                                                                  "numDisp":"${numDisp}",
                                                                                  "deno":{
                                                                                          "codDeno":"${pedidoDeno.deno.codDeno}",
                                                                                          "canValoNomi":"${pedidoDeno.deno.canValoNomi}"
                                                                                        }
                                                                                  },
                                                                          "deno":{
                                                                                  "codDeno":"${pedidoDeno.deno.codDeno}",
                                                                                  "canValoNomi":"${pedidoDeno.deno.canValoNomi}"
                                                                                },
                                                                          "montDeno": "${montDeno}"
                                                                        };
                                                                      </script>
                                                                  </c:forEach>
                                                                  <c:forEach items="${listUnidMone}" var="unidMone">
                                                                      <c:set var="montUnidMone" value="0"/>
                                                                      <c:forEach items="${pedido.denosDetaPedido}" var="denosDetaPedido">
                                                                        <c:if test="${denosDetaPedido.unidMone.codTipo == unidMone.codTipo}">
                                                                          <c:set var="montUnidMone" value="${montUnidMone+denosDetaPedido.montDeno}"/>
                                                                        </c:if>
                                                                      </c:forEach>
                                                                      <td align="center" style="width:50" class="subTotal" unidMone="${unidMone.codTipo}"><fmt:formatNumber value="${montUnidMone}" pattern="###,###,###,##0.00"/></td>
                                                                  </c:forEach>
                                                                  <td align="center" style="width:55"><input type="checkbox" class="toConfirm"></input></td>
                                                                  <td style="width:55"></td>
                                                                </tr>
                                                              </c:forEach> 
                                                            </tbody>
                                                        </table>
                                                    </c:if>
                                                    <c:if test="${empty listPediPrediccion and not cargaInicial}">
                                                        No se encontraron registros que cumplan los criterios seleccionados.
                                                    </c:if>
                                                    </td>
                                                </tr>                                                
                                            </table>
                                        </td>
                                    </tr>
                                 </table>
                                </td>
                            </tr>
                            <tr class="afterOneSaved">
                              <td align="center">
                                  <c:if test="${not empty listPediPrediccion}">
                                  <table>
                                      <tr>
                                          <td><span class="verdana10bazul">Clave de usuario</span></td>
                                          <td><div class="fondo_txtbox65"><form:password path="codigoDiario" maxlength="8"/></div></td>
                                          <td><input type="button" value="Confirmar" id="confirmar" class="boton"></input></td>
                                          
                                      </tr>
                                  </table>
                                  </c:if>
                                  <table>
                                      <tr>
                                          <c:if test="${mostrarSustento}">
                                            <td><input type="button" value="Reporte de Sustento" id="btnReporteSustento" class="boton" onclick="reporteSustentoAtm();"></input></td>
                                          </c:if>
                                      </tr>
                                  </table>
                              </td>
                          </tr>
                    </table>
                  </td>
            </tr>
      </table>
</form:form>
                                            